<html>
<head>
<wicket:head>
	<style>
		#asnMsgTab{
			width: 380px;
			margin:10px;
			border: 1px solid #DDDDDD;
		}
		
		#asnMsgTab td{
			width: 150px;
			text-align: left;
			border:none;
		}
		
		#asnMsgTab td.asnMsgRt{
			width:220px;
			margin-left:10px;
		}
	</style>
</wicket:head>
</head>
<body>
	<wicket:panel>
		<div class="clearfix">
			<div class="es-msgImg">
				<span wicket:id="senderImage">Sender Image goes here!</span>
			</div>
			<div style="float:left;">
				<div class="es-mainMsg">
	        		<span style="font-weight:bold;" wicket:id="name" class="es-entity">Heat Transfer</span>
	        		<span wicket:id="msg"></span> 
					<div wicket:id="table"></div>
				</div>
				<div class="es-mainMsg">
					<span wicket:id="createDate" class="es-time">Apr 13, 2010 01:10PM</span> | 
					<a wicket:id="assgnLink" href="#">View Details</a>
				</div>
			</div>
		</div>
		
		<wicket:fragment wicket:id="assDetails">
			<table id="asnMsgTab">
				<tr wicket:id="opendate">
					<td>Submissions open on</td>
					<td class="asnMsgRt"><span wicket:id="open"></span></td>
				</tr>
				<tr wicket:id="closedate">
					<td>Submissions close on</td>
					<td class="asnMsgRt"><span wicket:id="close"></span></td>
				</tr>
				<tr wicket:id="fileWMC">
					<td>Assignment files</td>
					<td class="asnMsgRt">
						<div wicket:id="filelist">
							<div wicket:id="file">
							</div>
						</div>
					</td>
				</tr>
			</table>
		</wicket:fragment>
			
		<wicket:fragment wicket:id="dummy">
		</wicket:fragment>
	</wicket:panel>
</body>
</html>